<remote-navbar></remote-navbar>

<div class="container-fluid">
  <div class = 'row'>
    <div class = 'remote-container'>
      <div class = 'remote-message remote-left'>机型： <span class = "boldFont">{{vm.deviceModel}} <i  info rel="popover" class = 'fa fa-exclamation-circle fa-1x'></i></span></div>
     <div class = 'remote-timer remote-right'>剩余时间： <span class = 'middleFont boldFont'>{{vm.time.minute}} : {{vm.time.second}}</span></div>
    </div>
  </div>
  <div class="row">
    <div class='remote-container'>
      <div class='remote-device' ng-attr-rotate="{{vm.rotate}}">
        <div id='player' class="remote-player" ng-attr-rotate="{{vm.rotate}}"></div>
        <div class='remote-bottom'>
          <div class='remote-btns'>
            <a type="button" class="btn" ng-click="vm.keycode(82)">
              <i class="fa fa-bars fa-2x"></i>
            </a>
            <a type="button" class="btn" ng-click="vm.keycode(3)">
              <i class="fa fa-home fa-2x"></i>
            </a>
            <a type="button" class="btn" ng-click="vm.keycode(4)">
              <i class="fa fa-reply fa-2x"></i>
            </a>
          </div>
        </div>
      </div>
      <div class='remote-info' ng-attr-rotate="{{vm.rotate}}">
        <ul class="nav nav-tabs">
          <li role="presentation" ng-class="{'active': $state.includes('control.logs')}" ng-show="false">
            <a href="javascript: void(0)" ng-click="vm.controlToolbar('control.logs')"><i class="icon-list-alt"></i>&nbsp;
              Logs
            </a>
          </li>
          <li role="presentation">
            <a href="javascript: void(0)" class = 'remote-btn'>
              <upload>
              </upload>
            </a>
          </li>
          <li role="presentation" class='remote-close'>
            <button class="btn" ng-click="vm.releaseDevice()"  >
              <i class="fa fa-close fa-2x"  data-toggle="tooltip" data-placement="top" title="释放设备"></i>
            </button>
          </li>
        </ul>
        <div ui-view="info" class="remote-view clearfix pre-scrollable"></div>
      </div>
    </div>
  </div>
</div>

<remote-footer></remote-footer>
